<!-- 进入网站第一个页面 -->
<template>
    <div class="container">
        <LoginNav></LoginNav>
        <IndexMain :imgUrl="imgUrl"></IndexMain>
        <LoginFloor></LoginFloor>
    </div>
</template>

<script setup>
import { reactive, ref } from 'vue'
import LoginNav from './components/LoginNav.vue'
import LoginFloor from '../../components/TotalFloor.vue'
import IndexMain from '../../components/IndexMain.vue'

let imgUrl = reactive({
    type: 1,
    style1: ' background: url(https://img.js.design/assets/img/658329eed6720a5a673113fc.png); background-size: cover;',
    style2: ' background: url(https://img.js.design/assets/img/658329ee7c6c4a259addfa54.png) no-repeat center;',
    style3: '  background: url(https://img.js.design/assets/img/658329ee4d644979c8c3d62a.png) no-repeat; background-size: cover;'
})
</script>

<style scoped>
.container {
    display: flex;
    flex-direction: column;
}
</style>